<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:common="http://java.sun.com/jsf/composite/common">
<h:body>
	<ui:composition template="/pages/templates/MainTemplate.xhtml">
		<ui:define name="content">
			<div>
				<h3>Pedidos de venta</h3>
			</div>
			<h:form id="dataForm" styleClass="tableNoGrid">
				<p:messages id="dataGrowl" globalOnly="true" showDetail="true" />
				<p:panelGrid columns="1" style="width: 100%; table-layout: fixed;">
					<p:row>
						<p:column>
							<common:CRUDMenuBar id="ordnProdMenuBar"
								crudManagedBean="#{ordenVtaMB}">
							</common:CRUDMenuBar>
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<p:dataTable id="dataTable" var="ordenProd"
								value="#{ordenVtaMB.ordenesProd}"
								emptyMessage="No se han encontrado ordens de venta"
								filteredValue="#{ordenVtaMB.filteredOrdenProds}"
								paginator="true" selectionMode="single"
								rowsPerPageTemplate="5,10,15" rowKey="#{ordenProd.id}"
								selection="#{ordenVtaMB.selectedOp}" rows="5"
								rowStyleClass="#{ordenProd.estadoProduccion.id == 13 ? 'success' : ''}
									#{(ordenProd.estadoProduccion.id != 13 and (ordenProd.fechaEntrega.getTime() - ordenProdMB.currentDate.getTime()) lt 0) ? 'danger':'' }
									#{(ordenProd.estadoProduccion.id != 13 and (ordenProd.fechaEntrega.getTime() - ordenProdMB.currentDate.getTime()) lt (1000*60*60*24*3)) ? 'warning':'' }"
								paginatorPosition="bottom">
								<p:ajax event="rowSelect" listener="#{ordenVtaMB.rowSelected}" />
								<p:ajax event="rowUnselect"
									listener="#{ordenVtaMB.rowUnselected}" />
								<p:column style="width:2%">
									<p:rowToggler />
								</p:column>
								<p:column id="pedidoNroCol"
									filterBy="#{ordenProd.pedidoVenta.id}"
									sortBy="#{ordenProd.pedidoVenta.id}" headerText="Pedido N"
									filterMatchMode="contains">
									<h:outputText value="#{ordenProd.pedidoVenta.id}"></h:outputText>
								</p:column>
								<p:column id="yearColumn" filterBy="#{ordenProd.item.codigo}"
									sortBy="#{ordenProd.item.codigo}" headerText="Articulo">
									<h:outputText value="#{ordenProd.item.codigo}" />
								</p:column>
								<p:column id="catnCol" filterBy="#{ordenProd.cantidad}"
									sortBy="#{ordenProd.cantidad}" headerText="Cant"
									filterMatchMode="contains">
									<h:outputText value="#{ordenProd.cantidad}" />
								</p:column>
								<p:column id="stateCol"
									filterBy="#{ordenProd.estadoProduccion.descripcion}"
									headerText="Estado" filterMatchMode="exact"
									sortBy="#{ordenProd.estadoProduccion.descripcion}">
									<h:outputText value="#{ordenProd.estadoProduccion.descripcion}" />
								</p:column>
								<p:column id="dateCol" filterBy="#{ordenProd.fechaEntrega}"
									headerText="Entrega" filterMatchMode="exact"
									sortBy="#{ordenProd.fechaEntrega}">
									<h:outputText value="#{ordenProd.fechaEntrega}" />
								</p:column>
								<p:rowExpansion>
									<p:panelGrid styleClass="table table-bordered table-striped">
										<p:row>
											<p:column styleClass="tableNoGrid">
												<p:panelGrid>
													<p:row>
														<p:column>
															<h:outputText style="font-weight: bold;"
																value="Descripcion del Articulo"></h:outputText>
														</p:column>
														<p:column>
															<h:outputText value="#{ordenProd.item.descripcion}" />
														</p:column>
													</p:row>
												</p:panelGrid>
											</p:column>
										</p:row>
									</p:panelGrid>
								</p:rowExpansion>
							</p:dataTable>
						</p:column>
					</p:row>
				</p:panelGrid>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>

</html>
